<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<include file="public/comm"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav fs_xl">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">商品详情</h1>
		</header>
		<div class="mui-content fs_xl">
			<div class="one_info">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<volist name="goods_images_list"  id="vo">
							<div class="swiper-slide"><img src="{$vo.image_url}" /></div>
						</volist>
					</div>
					<div class="pagination"></div>
				</div>
			</div>
			<div class="one_sp_tit fs_l">
				<p class="nohx fs_l">{$group_buy_info.goods_name}</p>
				<p class="nohx fs_l"><span class="fs_xl no_red">¥{$group_buy_info.price}</span><span class="fs_xs">¥{$group_buy_info.goods_price}</span><span class="fs_xs">{$group_buy_info.virtual_num}瓶已售</span></p>
			</div>
			<div class="one_m_info">
				<div class="one_top cls">
					<ul class="cls">
						<li class="active">图文详情</li>
						<li>商品参数</li>
						<li>评论</li>
					</ul>	
				</div>
				<div class="one_info_m">
					<div class="one_item active">
						<img src="{$goods.goods_content|htmlspecialchars_decode}" />
					</div>
					<div class="one_item canshu">
						<volist name="goods_attr_list"  id="vo">
							<p>{$goods_attribute[$vo.attr_id]}:<span>{$vo.attr_value}</span></p>
						</volist>
					</div>
					<div class="one_item one_pl" >
						<ul>
							<volist name="comment_list" id="vo">
								<li>
									<div class="pl_tit">
										<span class="pl_tx"><img src="{$vo.head_pic}" /></span>
										<span class="pl_name fs_m">{$vo.username}</span>
										<span class="pl_time fs_xs">{$vo.add_time|date="y-m-d",###}</span>
									</div>
									<div class="pl_info">
										<p class="fs_xs">{$vo.content}</p>
										<p class="cls">
											<volist name="vo.img" id="voo">
												<span><img src="{$voo}" /></span>
											</volist>
										</p>
									</div>
								</li>
							</volist>
						</ul>
						<p style="text-align:center;padding-top:0.5em;"><a class="fs_s" href="/mobile/activity/group_comment/id/{$goods.goods_id}">查看更多评论</a></p>
					</div>
				</div>				
			</div>
			<div class="nav fs_xl">
				<a class="kf">
					<p class="mui-icon iconfont icon-kefu fs_i"></p>
					<p class="fs_s">客服</p>
				</a>
				<a class="dp">
					<p class="mui-icon iconfont icon-dianpu fs_i"></p>
					<p class="fs_s">店铺</p>
				</a>
				<a href="javascript:;" class="btn1 fs_m" onClick="AjaxAddCart({$goods.goods_id},1,0);">加入购物车</a>
				<a href="javascript:;" class="btn2 fs_m" onClick="AjaxAddCart({$goods.goods_id},1,1);">立即购买</a>
			</div>
		</div>
		<script type="text/javascript">
			mui.init();
			$(".device,.swiper-container").height($(".swiper-slide img").height());
			$(".swiper-container1").height($(".swiper-slide").height());
			$(window).resize(function() {
				$(".device,.swiper-container").height($(".swiper-slide img").height());
				$(".swiper-container1").height($(".swiper-slide").height());
			});
			
		</script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				pagination: '.pagination',
				loop: true,
				autoplay : 5000,
				grabCursor: true,
				paginationClickable: true
			});
			$(function(){
				$(".one_top li").click(function () {
        			$(".one_top li").removeClass("active").eq($(".one_top li").index(this)).addClass("active");
        			$(".one_item").hide().eq($('.one_top li').index(this)).show();
    			});	
			})
		</script>
	</body>

</html>